<template>
  <el-date-picker
    v-model="dataValue"
    @change="valueChange"
    :disabled="disabled"
    :placeholder="attrs.placeholder ? attrs.placeholder : `请选择${label}`"
    style="width: 100%;"
    :type="attrs.type"
    :value-format="attrs.valueFormat ? attrs.valueFormat : 'yyyy-MM-dd'"
    :clearable="attrs.clearable"
    :editable="attrs.editable"
    :default-value="attrs.defaultValue"
    :prefix-icon="attrs.prefixIcon"
    :clear-icon="attrs.clearIcon"
    :align="attrs.align"
    :range-separator="attrs.rangeSeparator ? attrs.rangeSeparator : `至`"
    :start-placeholder="attrs.startPlaceholder ? attrs.rangeSeparator : `开始日期`"
    :end-placeholder="attrs.endPlaceholder ? attrs.rangeSeparator : `结束日期`"
    :picker-options="attrs.pickerOptions"
  />
</template>
<script type="text/javascript">
import XMixIn from './XMixIn'
export default {
  mixins: [XMixIn]
}
</script>
